/*
 * Copyright Thoughtworks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* Main CSS File of Cruise */

/* Global declaration */
body {
  font-family: Helvetica, sans-serif;
}

#yui-main .yui-b {
  zoom: 1;
}

.yui-t7 #yui-main .yui-b {
  background: #fff;
}

/* Forms */
input,
select {
  vertical-align: middle;
}

textarea,
input[type="text"],
input[type="password"],
input[type="file"] {
  border: 1px solid #ccc;
  display: inline;
  font-size: 100%;
  padding: 5px;
}

textarea {
  width: 100%;
  overflow: auto;
  padding: 0;
}

input[type="button"],
input[type="submit"],
select {
  padding: 0.15em 0.3em;
}

input:focus,
textarea:focus {
  background-color: #def0f3;
}

input.default {
  font-weight: bold;
}

input.width-full,
textarea.width-full {
  width: 95%;
}

input.width-large {
  width: 30em;
}

input.width-very-small {
  width: 3em;
}

input[type="text"],
input[type="password"],
input.width-medium,
select.width-medium {
  width: 200px;
}

input[type="radio"] {
  margin-right: 5px;
}

select.width-medium {
  width: 200px;
}

fieldset {
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 0 0 15px 0;
  padding: 15px;
}

fieldset h2,
fieldset h3 {
  display: block;
  border-bottom: 1px solid #bebebe;
  padding: 0.25em 0;
  margin-bottom: 1em;
  color: #373737;
  font-weight: bold;
}

legend {
  font-weight: bold;
  color: #006;
}

label {
  display: block;
  padding-bottom: 0.2em;
}

strong {
  font-weight: bold;
}

fieldset.two-cols label {
  float: left;
  width: 12em;
  line-height: 2em;
}

fieldset.two-cols button {
  vertical-align: middle;
}

fieldset.two-cols p {
  padding: auto 0;
  margin: 5px 0;
  clear: both;
}

fieldset.two-cols p label {
  color: #2b2b2b;
}

fieldset .error_message {
  font-weight: normal;
  color: #900;
  font-size: 11px;
}

fieldset .info_message {
  font-weight: normal;
  color: #3c6;
  font-size: 11px;
}

fieldset .example {
  font-weight: normal;
  color: gray;
  font-size: 11px;
}

/* Tables */

/* TODO: the 92% width of table should be 100% */
table {
  border-bottom: 1px dotted #bbb;
  font-size: 92%;
  margin: 0;
}

table.table-with-nothing-following-it {
  margin-bottom: 1em;
}

table .inline a {
  display: inline;
}

th,
td {
  padding: 0.5em;
  *padding: 0.3em 0.5em;
}

th,
tbody td {
}

th.last,
td.last {
  border-right: none;
}

th {
  font-weight: bold;
}

/* Table visuals */
tr.even {

}

tr.odd,
tr.even{

}

tr.even{

}

/* Icons */
a.expand-all,
a.collapse-all {
  color: #000;
  background: transparent;
  margin-right: 0.5em;
  padding: 0.1em 0 0.1em 0.5em;
  float: right;
}

a.expand-all:hover,
a.collapse-all:hover {
  background-color: #e1d4bb;
  text-decoration: none;
}

#doc3 {
  margin: 0;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
}

#logo {
  margin: 0;
  margin-left: 30px;
  display: block;
  width: 190px;
  height: 76px;
}

#user {
  margin: 0 1em 0 0;
  padding: 0;
  float: right;
  color: #333;
  _width: 25em;
}

#user a,
#user a:visited {
  text-decoration: none;
  color: #1f2314;
}

input:-webkit-autofill {
  background: #fff !important;
}

/* main content */
#bd {
  zoom: 1;
}

.bd-container {
  padding: 0;
}

/* project-summary-panel style */
#sidebar {
  width: 25em;
  border: none;
  zoom: 1;
  background: #ede7db;
}

.sidebar-container {
  margin-bottom: 1em;
}

.sidebar-container h2 {
  background-color: #4b3124;
  color: white;
  padding: 0.5em 1em;
  font-weight: bold;
}

.sidebar-container h2 a {
  color: #dbd6d3;
}

#yui-main {
  border-top: 1px solid #6e6e60;
}

#yui-main h1 {
  padding: 0;
  margin: 0;
  font-weight: bold;
  clear: both;
}

#yui-main h1.form-title {
  color: #006;
  font-size: 152%;
  margin: 0.65em 1em;
  padding: 0;
  background: transparent;
}

/* Stuff for artifacts */
.artifacts {
  margin-left: 0;
  margin-bottom: 0.4em;
}

.artifacts .artifacts {
  margin-left: 1em;
}

.artifacts ul.artifacts,
.artifacts .artifacts li,
.files ul.artifacts li {
  float: none;
}

.artifact {
  display: block;
  padding-left: 22px;
  margin-bottom: 0.3em;
  background-image: image_url("file.gif");
  background-repeat: no-repeat;
  min-height: 16px;
}

.dir-container {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.directory {
  display: block;
  padding-left: 22px;
  margin-bottom: 0.3em;
  background-image: image_url("directory.gif");
  background-repeat: no-repeat;
}

.opened_directory {
  padding-left: 22px;
  background-image: image_url("opened_directory.gif");
  background-repeat: no-repeat;
}

#yui-main h1.division-header {
  background: transparent;
  margin: 1em;
  padding: 0;
}

.error_message {
  color: #900;
}

a:link#link-to-this-page,
a:visited#link-to-this-page {
  background: transparent image_url("g9/icons/icon_link.png") no-repeat scroll 0 50%;
  padding-left: 16px;
  padding-right: 5px;
  font-size: 11px;

  float: right;
  color: white;
}

a:hover#link-to-this-page {
  text-decoration: none;
}
